<%@ page import="com.zhyz.bookstore.entity.Book" %>
<%@ page import="com.zhyz.bookstore.entity.Cart" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			 ;

	Cart cart = (Cart) session.getAttribute("buyNowBook");

%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下单</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<body>
	<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

	<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
	<jsp:include page="header1.jsp"></jsp:include>
		<table class="table table-bordered table-hover"
			style="margin-left: 16px; width: 1890px">
			<tr>
				<th style="width: 100px">序号</th>
				<th style="width: 100px">书籍图片</th>
				<th style="width: 200px">书籍名称</th>
				<th style="width: 200px">书籍类型</th>
				<th style="width: 200px">书籍作者</th>
				<th style="width: 300px">书籍出版社</th>
				<th style="width: 200px">书籍单价</th>
				<th style="width: 200px">购买数量</th>
				<th style="width: 200px">小计</th>
				<th style="width: 200px">操作</th>
			</tr>
			<c:forEach items="${buyNowBook.itmes}" var="c" varStatus="vs">
				<tr class="active">
					<td style="margin-top: 50px">${vs.index+1}</td>
					<td><img style="width: 80px; height: 100px"
						src="${pageContext.request.contextPath}/img/${c.value.book.path}/${c.value.book.fileName}" />
					</td>
					<td>${c.value.book.bookName}</td>
					<td>${c.value.book.category.categoryName}</td>
					<td>${c.value.book.bookAuthor}</td>
					<td>${c.value.book.bookPress}</td>
					<td><span style="color: rgb(198, 46, 45); font-weight: bold">￥${c.value.book.bookPrice}</span></td>

					<td><input type="email" class="form-control" id="quantity"
						value="${c.value.quantity}"
						style="width: 45px; height: 30px; margin-left: 70px"
						onchange="changeNum(this,${c.value.quantity},'${c.value.book.bookId}')"></td>

					<td><span style="color: rgb(198, 46, 45); font-weight: bold">￥${c.value.money}</span></td>
					<td><a href="javascript:delOneItem('${c.value.book.bookId}')">删除</a></td>
				</tr>
			</c:forEach>
			<tr>

				<td colspan="10" style="padding-left: 1450px"><strong>总数量：<span
						style="color: rgb(198, 46, 45); font-weight: bold; font-size: 20px">${sessionScope.cart.totalQuantity}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合计：
				</strong><span
					style="color: rgb(198, 46, 45); font-weight: bold; font-size: 20px">￥${sessionScope.cart.totalMoney}</span>
					<button type="button" class="btn btn-danger"
						style="background-color: rgb(198, 46, 45); width: 160px; height: 43px; margin-left: 50px"
						onclick="window.location='<%=basePath%>/order/orderServlet?op=genOrder'">
						<span style="font-size: 16px">结算</span>
					</button></td>

			</tr>
			<tr>结算功能有bug，不做了</tr>
		</table>

	<script type="text/javascript">
		function changeNum(inputObj,oldNum,bookId){
			var sure = window.confirm("确定要修改数量吗?");
			if(sure){
				//修改新数量
				var num = inputObj.value;
					//验证：用户输入的必须是自然数。 字母\1.1\-1排除
				if(!/^[1-9][0-9]*$/.test(num)){
					alert("请输入正确的数量");
					return;
				}
				//提交给服务器修改该项的数量
				window.location.href="${pageContext.request.contextPath}/client/ClientServlet?op=changeNum&num="+num+"&BookId="+bookId;
			}else{
				//显示原来的值
				inputObj.value = oldNum;
			}
		}
		function delOneItem(bookId) {
			var sure = window.confirm("确定删除改选项吗？");
			if (sure) {
				window.location.href = "${pageContext.request.contextPath}/client/ClientServlet?op=delItem&BookId="
						+ bookId;
				alert("删除成功！！");
			}
		}
	</script>

</body>
</html>